<template>
  <div>
    <my-div class="create">
    <head title="提币结果"></head>
    <my-text :text="result.value" day_color="rgba(70,120,245,1)" night_color="rgba(184,111,36,1)"  class="transfer-title"></my-text>    
    <div class="create-form">
      <div class="login-input">
        <text style="font-size:28px;color:rgba(154,156,164,1);">币种</text>
        <text class="view_pw" style="font-size:28px;color:rgba(19,32,63,1)">{{result.currency}}</text>
      </div>
      <div class="login-input">
        <text style="font-size:28px;color:rgba(154,156,164,1);">转账数量</text>
        <text class="view_pw" style="font-size:28px;color:rgba(19,32,63,1)">{{result.amount}}</text>
      </div>  
      <div class="login-input">
        <text style="font-size:28px;color:rgba(154,156,164,1);">手续费</text>
        <text class="view_pw" style="font-size:28px;color:rgba(19,32,63,1)">{{result.finalFee}}</text>
      </div>  
       <div class="login-input">
        <text style="font-size:28px;color:rgba(154,156,164,1);">到账数量</text>
        <text class="view_pw" style="font-size:28px;color:rgba(19,32,63,1)">{{result.finalAmount}}</text>
      </div> 
      <div class="login-input">
        <text style="font-size:28px;color:rgba(154,156,164,1);">提币地址</text>
        <text class="view_pw" style="font-size:28px;color:rgba(19,32,63,1);max-width:400px;">{{result.transferInAddress}}</text>
      </div>
      <div class="login-input">
        <text style="font-size:28px;color:rgba(154,156,164,1);">收币地址</text>
        <text class="view_pw" style="font-size:28px;color:rgba(19,32,63,1);max-width:400px;">{{result.adminAccountId}}</text>
      </div>
      <div class="login-input">
        <text style="font-size:28px;color:rgba(154,156,164,1);">区块链交易Id</text>
        <text class="view_pw" style="font-size:28px;color:rgba(19,32,63,1);max-width:400px;">{{result.txHash}}</text>
      </div>    
      <div class="login-input">
        <text style="font-size:28px;color:rgba(154,156,164,1);">交易时间</text>
        <text class="view_pw" style="font-size:28px;color:rgba(19,32,63,1)">{{result.transferTime}}</text>
      </div>    
    </div>
     <div class="sure-btn" v-if="type === 'result'">
          <wxc-button :text="$t('wallet.back_wallet')" :textStyle="{'fontSize':'24px'}"  :btnStyle="{backgroundColor:'rgba(70,120,245,1)',width:'690px',height:'80px'}"
              @wxcButtonClicked="wxcButtonClicked"></wxc-button>
      </div>
    </my-div>
  </div>
</template>

<script>
import { WxcButton } from 'weex-ui'
export default {
  data(){
    return {
      type:'result',
      result:{}
    }
  },
  components:{WxcButton},
  methods: {
    onLoad(p){
      this.result = p&&p.result
      this.type = p&& p.type
    },
     wxcButtonClicked(){
      const notify=weex.requireModule('notify')
      var nav = weex.requireModule('navigator') ;
      nav.backTo('wallet')
      notify.send('update_data')
    }
  },
}
</script>
<style scoped>
.create{
  width: 750px;
  flex: 1;
  /* position: absolute; */
  /* top: 0;
  bottom: 0;
  left: 0; */
}
.toggle_type{
  width: 40px;
  height: 80px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.head{
  margin-top: 80px;
  width: 690px;
  margin-left: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.login-dec{
  display: flex;
  flex-direction: row;
  margin-top: 34px;
  margin-left: 72px;
}

.create-form{
  margin-top: 40px;
}
.login-input{
  width: 690px;
  margin-left: 30px;
  /* height: 90px; */
  border-bottom-width: 1px;
  border-bottom-color: rgba(233,233,233,1);
  border-bottom-style: solid;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-top: 30px;
  padding-bottom: 30px;
}
.login-input-inner{
  width: 620px;
  font-size: 28px;
  /* height: 90px; */
}
.login-btn{
  width: 690px;
  height: 80px;
  background-color: rgba(70,120,245,1);
  margin-top: 100px;
  border-radius: 10px;
  position: absolute;
  bottom: 140px;
  left: 30px;
}
.transfer-title{
  margin-top: 24px;
  margin-left: 30px;
  font-size: 48px;
  font-family: PingFang SC;
  margin-bottom: 80px;
}
.sure-btn{
  position: absolute;
  bottom: 30px;
  left: 30px;
}
</style>